<template>
    <div class="login">
        <div class="top">
            <div class="bg"></div>
            <img src="../assets/imgs/login-bg@2x.png">

        </div>

        <div class="success-text">
            <span>注册成功，快去下载‘乐源app’登录吧！</span>
        </div>
        <div class="login-footer">
            <div>平台电话: 400-123465</div>
            <div>服务时间: 8:00-20:00</div>
        </div>
    </div>
</template>

<script>
    let iconImg = [
        require('../assets/imgs/username@2x.png'),
        require('../assets/imgs/yzcode@2x.png'),
        require('../assets/imgs/password@2x.png')
    ]
    export default {
        components:{},
        data() {
            return {
                iconImgs:iconImg,
            };
        },
        methods:{

        }

    }
</script>

<style lang="less" scoped>
    @main-color:#fa6183;
    .login{
        width: 100%;
        min-height: 100vh;
        overflow: hidden;
        .top{
            position: relative;
            width: 100%;
            height: 125px;
            text-align: center;
            background: @main-color;
            .bg{
                position: absolute;
                top:-90px;
                left:calc(50% - 275px);
                width: 550px;
                height:250px;
                background: @main-color;
                border-radius: 50%;
            }
            img{
                position: relative;
                top:12px;
                width: 218px;
            }
        }
        .success-text{
            width: 264px;
            margin: 20px auto 0;

        }
        .login-footer{
            margin-top: 20px;
            text-align: center;
            padding-bottom: 10px;
            div{
                font-size: 11px;
                letter-spacing: 1px;
                color: @main-color;
            }
        }
    }

</style>
